<!--
 * @Description: 
 * @Author: charles
 * @Date: 2021-05-05 22:02:56
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2022-01-09 12:45:33
-->
<template>
  <div ref="bottom4_container" style="height: 95%"></div>
</template>
<script>
import { Liquid } from '@antv/g2plot'

export default {
 data(){
      return{

      }
 },
 mounted(){
this.initChart()
 },
methods:{
    initChart(){
      const liquid = new Liquid(this.$refs.bottom4_container, {
    percent: 0.67,
    shape: 'diamond',
    outline: {
      border: 2,
      distance: 6,
    },
    wave: {
      length: 128,
    },
  })
  liquid.render();
    }
    
},

}
</script>
